

/*-----------------[初始化]--------------*/
body{color: #303030;font-size: 12px;line-height: 1.5;font-family:"PingFangSC-Regular, sans-serif","微软雅黑","Microsoft Yahei";background: #efefef;
    padding-top: 45px;
    background: #ececec;
}
a{color: #303030;}
a:hover{color: #303030;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select,button{font-size: 14px;color: #999;font-family:"微软雅黑","Microsoft Yahei";outline: 0;}
input[type='submit'],input[type='reset'],input[type='button'],select,button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #afafaf;font-size: 13px;}
::-moz-placeholder {color: #afafaf;font-size: 13px;}
::-ms-input-placeholder {color: #afafaf;font-size: 13px;}



.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

/*布局*/
.wp{padding: 0 10px;}
.h50{height: 50px;}
a,img,button,input,textarea,span{-webkit-tap-highlight-color:rgba(255,255,255,0);}
*{outline: none;}



/*公用*/



/*******************************
  -------[=头部]-------
********************************/
#hd{
    height: 45px;line-height: 45px;text-align: center;
    position: fixed;left: 0;right: 0;top:0;z-index: 999;
    background: #fff;
    box-shadow: 0 1px 5px rgba(204,204,204,.5);
}
#hd .hdl,#hd .hdr{position: absolute;top: 0;}
#hd .hdl{left: 0;}
#hd .hdr{right: 0;}

#hd h3{
    font-size: 17px;color: #272727;font-weight: normal;text-align: center;
    padding: 0 45px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index #hd h3{color: #03bfdc;}

#hd .a-back,#hd .a-serv,#hd .a-menu,#hd .a-message,#hd .a-search{
    display: block;width: 45px;height: 45px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#hd .a-back{background-image: url(../img/icon14.png);}
#hd .a-serv{background-image: url(../img/icon4.png);}
#hd .a-message{background-image: url(../img/message.svg);background-size: 26px;}
#hd .a-search{background-image: url(../img/search.svg);background-size: 30px;}
#hd .a-menu{background-image: url(../img/icon21.png);}





/*******************************
    -------[=导航]-------
********************************/





/*******************************
  -------[=banner]-------
*******************************/
#banner .con{
    display: block;height: 180px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    font-size: 14px;color: #fff;line-height: 36px;
}

#banner .slick-dots{position: absolute;right: 5px;bottom: 13px;text-align: center;z-index: 99;}
#banner .slick-dots li{display: inline-block;margin: 0 3px;}
#banner .slick-dots li button{display: block;width: 8px;height: 8px;border-radius: 50%;
    font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;
    border: none;padding: 0;
}
#banner .slick-dots li.slick-active button{width: 20px;border-radius: 4px;}

#banner .con > p{
    height: 36px;
    position: absolute;left: 0;right: 0;bottom: 0;
    background: rgba(0,0,0,.4);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 80px 0 10px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#banner .txt{
    position: absolute;left: 0;right: 0;top:45%;
    -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%); 
     font-size: 13px;color: #303030;line-height: 24px;text-align: center;
}
#banner .txt .pic{
    width: 70px;height: 70px;
    margin: 0 auto 8px;
    border-radius: 50%;overflow: hidden;
}
#banner .txt .pic img{
    display: block;width: 100%;height: 100%;
}
#banner .txt h4{
    font-size: 20px;color: #292929;font-weight: normal;
    margin-bottom: 5px;
}
#banner .txt h4 i{
    display: inline-block;vertical-align: top;
    width: 24px;height: 24px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: 10px;
}
#banner .txt p{position: static;padding: 0;background: none;}

#ban1{}
#ban1 a{
    display: block;
    height: 180px;/*padding-top: 46.66%;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;position: relative;
    font-size: 14px;color: #fff;line-height: 36px;
}
#ban1 p{
    position: absolute;left: 0;right: 0;bottom: 0;
    background: rgba(0,0,0,.4);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 10px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/*******************************
  -------[=底部]-------
********************************/
#fd{
    position: fixed;left: 0;right: 0;bottom:0;z-index: 999;
    background: #fff;
    border-top: 1px #f3f3f3 solid;
}
.f-nav{overflow: hidden;}
.f-nav li{
    float: left;
    width: 25%;
    background: url(../img/bg1.jpg) no-repeat left center;
}
.f-nav li:first-child{background: none;}
.f-nav li a{
    display: block;
    padding: 5px 2px;
    font-size: 12px;line-height: 14px;text-align: center;color: #737373;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.f-nav li.on a{color: #03bfdc;}
.f-nav i{
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto 4px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.f-nav .icon1{background-image: url(../img/icon1.png);}
.f-nav .icon2{background-image: url(../img/icon2.png);}
.f-nav .icon3{background-image: url(../img/icon3.png);}
.f-nav .icon-quanzi{background-image: url(../img/quanzi-1.svg);background-repeat: no-repeat;background-position-x: 0px;}
.f-nav li.on .icon1{background-image: url(../img/icon1-1.png);}
.f-nav li.on .icon2{background-image: url(../img/icon2-1.png);}
.f-nav li.on .icon3{background-image: url(../img/icon3-1.png);}
.f-nav li.on .icon-quanzi{background-position-x: 38px;}
/*.f-nav li a span{
    display: block;width: .6rem;height: .6rem;
    border-radius: 50%;
    background: #ff6f7c;
    font-size: .35rem;color: #fff;text-align: center;line-height: .6rem;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;top: .32rem;right: .4rem;
}*/



/*******************************
    -------[=正文]-------
********************************/




















